<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/public.css"/>
    <title>抵息券问题</title>
    <script src="../baidu.js"></script>
</head>
<body>
    <div class="header">
        <a class="return" href="./index.html"><img src="./css/images/return.png"></a>
        <span class="cont">抵息券问题</span>
    </div>
    <div>
        <div class="question">
            <div>
                <div class="ques" id="bg1">
                    <div>抵息券可以购买多张吗</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg1"></div>
                </div>
                <div class="ans" id='queCon1' style="display:none">不可以。抵息券仅新用户有一次购买并使用的机会，不可多次购买使用。</div>
            </div>
            <div>
                <div class="ques"  id="bg2">
                    <div>抵息券有使用期限吗</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg2"></div>
                </div>
                <div class="ans" id='queCon2' style="display:none">由您购买的抵息券无使用期限，当次还款时都有效。</div>
            </div>
            <div id="bg3">
                <div class="ques">
                    <div>购买抵息券费用</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg3"></div>
                </div>
                <div class="ans" id='queCon3' style="display:none">在您确认购买抵息券并放款成功后，闪电飞猪将从放款金额中扣取购买抵息券费用（若不购买抵息券或放款失败，闪电飞猪将不收取购买抵息券费用）。若因您账户余额不足或其他因个人原因造成购购买抵息券扣款失败，将默认您放弃购买抵息券。</div>
            </div>
        </div>
    </div>
</body>
<script>
    var queImg1 = document.getElementById('queImg1');
    var queImg2 = document.getElementById('queImg2');
    var queImg3 = document.getElementById('queImg3');

    var queCon1 = document.getElementById('queCon1');
    var queCon2 = document.getElementById('queCon2');
    var queCon3 = document.getElementById('queCon3');
    
    var bg1 = document.getElementById('bg1');
    var bg2 = document.getElementById('bg2');
    var bg3 = document.getElementById('bg3');

    var openClose = function(img,con){
        if(con.style.display == "block"){
			con.style.display = "none";
			img.src = "./css/images/right.png";
		}else{
			con.style.display = "block";
			img.src = "./css/images/down.png";
		} 
    }
    bg1.onclick=function(){
        openClose(queImg1,queCon1);
    }
    bg2.onclick=function(){
        openClose(queImg2,queCon2);
    }
    bg3.onclick=function(){
        openClose(queImg3,queCon3);
    }
</script>
</html>